<template>
  <view class="enterprise-entry" style="background: linear-gradient(to bottom, #f5f9ff, #e6f0ff); min-height: 100vh;">
    <!-- 标题 -->
    <view style="padding: 10px 20px;text-align: center;">
      <text style="font-size: 18px; font-weight: bold;">企业入驻</text>
    </view>
    
    <!-- 步骤选项卡 -->
    <view style="display: flex; border-bottom: 1px solid #eee; background-color: #fff;">
      <view 
        style="flex: 1; text-align: center; padding: 15px 0; border-bottom: 2px solid #1a73e8;"
        @click="switchTab1">
        <text style="color: #1a73e8;">企业资质信息</text>
      </view>
      <view 
        style="flex: 1; text-align: center; padding: 15px 0;border-bottom: 2px solid #1a73e8;"
        @click="switchTab2">
        <text style="color: #1a73e8;">企业展示信息</text>
      </view>
      <view 
        style="flex: 1; text-align: center; padding: 15px 0;border-bottom: 2px solid #1a73e8;"
        @click="switchTab3">
        <text style="color: #1a73e8;">运营者信息</text>
      </view>
    </view>

    <!-- 表单内容 -->
    <view style="padding: 20px;">
      <!-- 运营人姓名 -->
      <view style="margin-bottom: 20px;">
        <text style="font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px;">*运营人姓名</text>
        <input 
          type="text" 
          placeholder="请填写真实姓名" 
          style="background-color: #fff; border-radius: 8px; padding: 15px; width: 100%; box-sizing: border-box;"
        />
      </view>

      <!-- 运营人身份证号 -->
      <view style="margin-bottom: 20px;">
        <text style="font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px;">*运营人身份证号</text>
        <input 
          type="text" 
          placeholder="请填写二代身份证号" 
          style="background-color: #fff; border-radius: 8px; padding: 15px; width: 100%; box-sizing: border-box;"
        />
      </view>

      <!-- 授权运营函 -->
      <view style="margin-bottom: 20px;">
        <text style="font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px;">*授权运营函</text>
        <view style="background-color: #fff; border-radius: 8px; padding: 20px; text-align: center; border: 1px dashed #ccc;">
          <view style="width: 50px; height: 50px; background-color: #f5f9ff; border-radius: 25px; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 10px;">
            <text style="color: #1a73e8; font-size: 24px;">+</text>
          </view>
          <text style="font-size: 14px; color: #666; display: block;">上传图片</text>
          <text style="font-size: 12px; color: #999; display: block; margin-top: 5px;">支持JPG/PNG/JPEG格式图片 大小≤5M</text>
          <text style="font-size: 12px; color: #999; display: block; margin-top: 2px;">营业执照原件的彩色扫描件或复印件</text>
          <text style="font-size: 12px; color: #999; display: block; margin-top: 2px;">必须加盖公章</text>
        </view>
      </view>

      <!-- 手机号 -->
      <view style="margin-bottom: 20px;">
        <text style="font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px;">*手机号</text>
        <input 
          type="text" 
          placeholder="请填写手机号" 
          style="background-color: #fff; border-radius: 8px; padding: 15px; width: 100%; box-sizing: border-box;"
        />
        <text style="font-size: 12px; color: #999; margin-top: 5px; display: block;">请填写手机号，方便我们联系到您</text>
      </view>

      <!-- 联系邮箱 -->
      <view style="margin-bottom: 30px;">
        <text style="font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px;">*联系邮箱</text>
        <input 
          type="text" 
          placeholder="请填写联系邮箱" 
          style="background-color: #fff; border-radius: 8px; padding: 15px; width: 100%; box-sizing: border-box;"
        />
        <text style="font-size: 12px; color: #999; margin-top: 5px; display: block;">建议填写企业邮箱</text>
      </view>

      <!-- 按钮组 -->
      <view style="display: flex; justify-content: space-between;">
        <view 
          style="border: 1px solid #1a73e8; border-radius: 8px; padding: 16px; text-align: center; flex: 1; margin-right: 10px;"
          @click="goBack">
          <text style="color: #1a73e8; font-size: 16px; font-weight: bold;">返回</text>
        </view>
        <view 
          style="background-color: #1a73e8; border-radius: 8px; padding: 16px; text-align: center; flex: 1;"
          @click="submitApplication">
          <text style="color: #fff; font-size: 16px; font-weight: bold;">提交</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.navigateTo({
        url: '/pages/b/manager/04/business_settlement3'
      })
    },
    // 切换选项卡
    switchTab1() {
      uni.navigateTo({
        url: '/pages/b/manager/04/business_settlement2'
      })
    },
    switchTab2() {
      uni.navigateTo({
        url: '/pages/b/manager/04/business_settlement3'
      })
    },
    switchTab3() {
      uni.navigateTo({
        url: '/pages/b/manager/04/business_settlement4'
      })
    },
    submitApplication() {
	  uni.navigateTo({
        url: '/pages/b/manager/04/business_settlement5'
     })
    }
  }
}
</script>

<style>
.enterprise-entry {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 
              Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
</style>